<extend name="Base/common"/>

<block name="style">
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="__UNIFY__/plugins/fancybox/source/jquery.fancybox.css">           
</block>
<block name="topmenus">
    <think:nav name="nav"> 
    	<eq name="nav.pid" value="0">
        <li <if condition="$nav.title eq '系统相册'">class="active"</if>>
            <a href="{$nav.url|get_nav_url}" target="<eq name='nav.target' value='1'>_blank<else/>_self</eq>">{$nav.title}</a>
        </li>
        </eq>
    </think:nav>
</block>
<block name="breadcrumbs">
    <div class="breadcrumbs">
        <div class="container">
            <h1 class="pull-left">相册
            [
            <neq name="_cateid" value="12">
            <a href="{:U('index',array('cate_id'=>12))}" class="btn btn-xs btn-default" type="button">显示1列</a>
            <else/>
            <a class="btn btn-xs btn-success" type="button">显示1列</a>
            </neq>
            <neq name="_cateid" value="6">
            <a href="{:U('index',array('cate_id'=>6))}" class="btn btn-xs btn-default" type="button">显示2列</a>
            <else/>
            <a class="btn btn-xs btn-success" type="button">显示2列</a>
            </neq>
            <neq name="_cateid" value="4">
            <a href="{:U('index',array('cate_id'=>4))}" class="btn btn-xs btn-default" type="button">显示3列</a>
            <else/>
            <a class="btn btn-xs btn-success" type="button">显示3列</a>
            </neq>
            <neq name="_cateid" value="3">
            <a href="{:U('index',array('cate_id'=>3))}" class="btn btn-xs btn-default" type="button">显示4列</a>
            <else/>
            <a class="btn btn-xs btn-success" type="button">显示4列</a>
            </neq>
            <neq name="_cateid" value="2">
            <a href="{:U('index',array('cate_id'=>2))}" class="btn btn-xs btn-default" type="button">显示6列</a>
            <else/>
            <a class="btn btn-xs btn-success" type="button">显示6列</a>
            </neq>
			]</h1>
            <ul class="pull-right breadcrumb">
				<li><a href="{:U('Index/index')}">首页</a></li>
                <li class="active">系统相册</li>
            </ul>
        </div> 
    </div> 
</block>
<block name="body">
    <!-- Two Columns -->
    <div class="container content">
        <div class="text-center margin-bottom-50">
            <h2 class="title-v2 title-center">图集列表</h2>
            <p class="space-lg-hor">这里显示所有<span class="color-green">非首页</span>显示的图片。</p>
        </div>
		<volist name="_pictures" id="pics"> 
			<if condition="$pics.start eq true"> 
			<div class="row margin-bottom-30">
			</if>
	            <div class="col-sm-{$_cateid} sm-margin-bottom-30">
	                <a href="__ROOT__{$pics.path}" rel="gallery" class="fancybox img-hover-v1" title="{$pics.name}">
	                    <span><img class="img-responsive" src="__ROOT__{$pics.path}" alt=""></span>
	                </a>
	            </div>
	        <if condition="$pics.end eq true">
	        </div>
	        </if>
		</volist>
    </div>
</block>

<block name="script">
<!-- JS Implementing Plugins -->           
<script type="text/javascript" src="__UNIFY__/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="__UNIFY__/js/plugins/fancy-box.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        FancyBox.initFancybox();
    });
</script>
</block>